<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="/page/jspf/prepare.jspf"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>后台</title>
<%@include file="/page/jspf/head.jspf"%>
<%@include file="/page/jspf/console-ztree.jspf"%>
<script type="text/javascript">
ztreeSetting = {
		view:{
			showIcon: true
		},
		data : {
			simpleData : {
				enable : true,
				idKey: "id",
				pIdKey: "pid",
				rootPId: "0"
			}
		},
		check: {
			enable: false
			
		},
		callback : {
		}
	};
	
	
/* var setting = {
	data: {
		simpleData: {
			enable: true
		}
	}
};

var zNodes =[
	{ id:1, pId:0, name:"展开、折叠 自定义图标不同", open:true, iconSkin:"pIcon01"},
	{ id:11, pId:1, name:"叶子节点1", iconSkin:"icon01"},
	{ id:12, pId:1, name:"叶子节点2", iconSkin:"icon02"},
	{ id:13, pId:1, name:"叶子节点3", iconSkin:"icon03"},
	{ id:2, pId:0, name:"展开、折叠 自定义图标相同", open:true, iconSkin:"pIcon02"},
	{ id:21, pId:2, name:"叶子节点1", iconSkin:"icon04"},
	{ id:22, pId:2, name:"叶子节点2", iconSkin:"icon05"},
	{ id:23, pId:2, name:"叶子节点3", iconSkin:"icon06"},
	{ id:3, pId:0, name:"不使用自定义图标", open:true },
	{ id:31, pId:3, name:"叶子节点1"},
	{ id:32, pId:3, name:"叶子节点2"},
	{ id:33, pId:3, name:"叶子节点3"}
];

$(document).ready(function(){
	$.fn.zTree.init($("#treeDemo"), setting, zNodes);
}); */
	
	
	
</script>
</head>
<body>
	<%@include file="/page/jspf/console-body-first.jspf"%>
	<div class="row row-nocol">
		<form class="form-inline lookup hidden" role="form" method="post">
		</form>
		<hr class="hidden"/>
		<!-- 操作信息提示的地方 -->
		<c:if test="${not empty remind}">
			<div class="alert alert-${remind.level}">
				<button data-dismiss="alert" class="close" type="button">
					<i class="glyphicon glyphicon-remove"></i>
				</button>
				${remind.message}
			</div>
		</c:if>
		<!--列表栏-->
		<form class="nocol">
			
			<hr />
			<div class="content_wrap">
				<div class="zTreeDemoBackground">
					<ul id="treeDemo2" class="ztree" style="width: 500px;margin-bottom:20px" data-json=${treeJson }></ul>
					
				</div>
			</div>
			<!-- <hr />
			<div class="zTreeDemoBackground left">
				<ul id="treeDemo" class="ztree"></ul>
			</div> -->
					
		</form>
	</div>
	<%@include file="/page/jspf/console-body-last.jspf"%>
</body>
</html>
